草庐IT

584. 【前端】style-loader和MiniCssExtractPlugin.loader

全部标签

javascript - 你今天如何在前端使用 es6 promises?

我正在尝试使用babel来编译包含es6promises的文件。我已经安装了babel-cli、babel-preset-es2015、babel-plugin-es6-promise。我的.babelrc配置是:{"presets":["es2015"],"plugins":["es6-promise"]}我得到了编译后的js文件,里面有require(),但我根本不想使用require。今天是否有可能在前端使用es6promises而无需js?请提供任何指向es6promises实现示例的babel链接(或者甚至babel+require因为我无法让requirejs正常工作)ps

javascript - Vue - webpack vue-loader 配置

每当我想构建一个文件时,我总是收到错误。这是什么原因呢?似乎.vue文件无法被webpack识别,但webpack配置文件看起来正常。网络包错误bundle-app.js189kB1[emitted]app+12hiddenmodulesERRORinUnexpectedtoken>@./app/application.js7:11-31webpack.config.jsvarpath=require("path");module.exports={context:path.join(__dirname,'src'),entry:{app:'./app/application.js'}

javascript - NodeJS中有没有合并前端JS文件的工具?

我有前端JS文件:-js-a.js-b.js-c.js我请求http://example.com/js/all.js,我会得到一个包含a.js所有内容的文件,b.js和c.js。NodeJS中有没有库提供这样的功能? 最佳答案 require.js如果Nodecommon.js不够,应该提供您正在寻找的功能。 关于javascript-NodeJS中有没有合并前端JS文件的工具?,我们在StackOverflow上找到一个类似的问题: https://stac

javascript - 通过前端或后端哪种方式创建cookie?

据我所知,cookie是使我们的webapp有状态的一种方式。由于cookie既可以在javascript(前端)中创建,也可以通过http响应(由后端)创建,那么cookie何时应该由前端创建以及何时由后端创建有什么原则吗?能给出一些用户场景就好了。 最佳答案 有几个注意事项:创建的cookie的内容在哪里?如果它是一个sessionID,那么它可能是在服务器上创建的,因此cookie将在那里创建。如果它是未存储在服务器端的用户观看首选项,那么它可能已在客户端中设置,并且cookie将设置在那里。服务器端cookie可以设置额外的

javascript - d3 : what is the self as in d3. select(self.frameElement).style ("height", height + "px");

我在许多D3示例中看到过如下语句。但是,我无法找出它的含义。特别是,我不知道这个self变量指的是什么。此外,这是否体现了某种D3魔术/惯例,或者它只是一个临时的东西?非常感谢。d3.select(self.frameElement).style("height",height+"px");顺便说一句,here是我复制上面语句的例子。 最佳答案 self:如果没有重新定义(通常作为this的副本),那么它就是始终指向windowwindow对象。因此它们可以互换使用。window.frameElement:返回嵌入窗口的元素(例如或

javascript - Webpack sass loader 无法识别全局变量文件

我有这个sass目录:-_vars.scss-main.scss//变量.scss$base-container:1400px;//main.scss@import'./vars';在我的其他js文件中:require('./some-module-sass-file');//some-module-sass-file.scss.container{width:$base-container;}问题是我在vars文件中有全局变量,而some-module-sass-file无法识别它们并抛出错误:undefinedvariable$base-container

Javascript,CSS : Get element by style attribute

我愿意:找到页面中所有元素的样式属性(例如:所有具有color:#333;的元素)为所有这些更改此属性(例如从color:#333更改为color:#444)。您对此有什么建议吗? 最佳答案 我的建议是尽可能避免这样做。相反,使用一个类来分配颜色值,然后您可以使用该类而不是颜色值来查找元素。据我所知,没有选择器(甚至在CSS3中也没有)可用于查询特定样式值,这意味着遍历所有元素(或者它看起来像你可以将其限制为具有style属性的所有元素)并查看element.style.color属性。现在,问题是,即使您在style属性中编写了c

javascript - 为什么浏览器在 style.height 上返回空字符串?如何获取元素的实际高度?

简单的一行html:sometext警报给出:但它应该像10px或诸如此类。 最佳答案 当您使用this.style.height时,必须首先在元素上指定高度,如下所示:sometext否则,您可能应该使用offsetHeight或clientHeight:sometext 关于javascript-为什么浏览器在style.height上返回空字符串?如何获取元素的实际高度?,我们在StackOverflow上找到一个类似的问题: https://stack

腾讯最热门的 10 款前端开源项目

作为国内知名的互联网公司,腾讯在前端领域做出了很多开源贡献。本文就来盘点腾讯最热门的10款前端开源项目!wujie无界微前端是一款基于WebComponents+iframe微前端框架,具备成本低、速度快、原生隔离、功能强等一系列优点。其能够完善的解决适配成本、样式隔离、运行性能、页面白屏、子应用通信、子应用保活、多应用激活、vite框架支持、应用共享等。Github(star:2.3k):https://github.com/Tencent/wujieTDesignTDesign是一套完整的企业级设计体系,拥有基于Vue/React/小程序等技术栈的组件库解决方案。用于构建设计统一/跨端多技

javascript - 插入前端库(例如 Analytics): why not a simple <script> tag?

为了插入GA代码(以及几乎所有其他JS库),代码片段是:(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*newDate();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.g